import { Handle, Position } from '@xyflow/react';
import React from 'react';

export const HistoryNode = ({ data, isConnectable }: any) => {
  return (
    <>
      <Handle
        type='target'
        position={Position.Top}
        onConnect={() => {}}
        isConnectable={isConnectable}
      />
      <a href={`/song/${data.id}/`} target='_blank'>
        <div>
          <strong>{data.label}</strong>
        </div>
      </a>

      <Handle
        type='source'
        position={Position.Bottom}
        isConnectable={isConnectable}
      />
    </>
  );
};